.awards_body_center { width:89%; margin:0px auto; } .review-list { padding:0px !important; margin:0px } .review-head { padding:10px; margin:0px; background-color:#c8c6c6; display:table; width:100%; } .rew{ background-color:#dedede; margin:0px !important; } .review-head p { padding:0px 10px 0px 0px; margin:0px; color:#000; font-size:18px; font-weight:500; width:auto; float:left; text-transform:uppercase; } .review-list .review-head ul { padding:3px 0px; margin:0px; width:auto; float:left; display:inline-table } .review-list .review-head ul li { padding:0px; margin:0px; width:auto; float:left; list-style:none; } .review-list .review-head ul li i { padding:0px 4px; margin:0px; font-size:16px; } .review-list-content { padding:0px; margin:0px; display:table; width:100%; background-color:#dedede; } .review-list-content .review-count { padding:20px; margin:0px; width:25%; float:left; } .review-list-content .review-count .rating-count { padding:25px 10px; margin:0px; color:#fff; font-size:40px; font-weight:600; text-align:center; } .review-list-content .review-count p { padding:10px; margin:0px; background-color:#3a3a3a; color:#fff; font-size:14px; font-weight:400; text-align:center; line-height:8px; } .review-progress { width:40%; float:left; padding:20px 0px 10px 0px; margin:0px } .review-progress li { list-style:none; padding:5px 0px; margin:0px; width:100%; display:table; } .review-progress li span { display:inline-block; padding:0px; margin:0px; float:left; width:auto; width:15%; font-size:12px; color:#252525; } .review-progress li .progress { display:inline-block; height:15px; margin:0px 8px 0px 0px !important; border-radius:0px !important; float:left; width:auto; width:65%; font-size:12px; color:#252525; } .review-percentage { width:35%; padding:10px; margin:0px; float:left; } .review-percentage .review-per { font-size:30px; font-weight:600; padding:10px; margin:0px; text-align:center; } .review-percentage p { font-size:13px; font-weight:400; color:#000; padding:0px; margin:0px; text-align:center; line-height:20px; } .review-percentage a { font-size:12px; font-weight:400; color:#000; padding:0px 10px; margin:0px auto; text-align:center; line-height:20px; display:table; text-decoration:none; } .news-letter{ border-left:5px solid #6f6f6f; padding:0px !important; margin:0px; } .news-letter .newsletter-content{ background-color:#dedede; padding:49px 10px; } .newsletter-content form{ padding:0px; margin:0px; display:table; width:100%; } .newsletter-content .form-list .email-box { padding:8px 10px !important; margin:0px 15px 0px 0px !important; font-size:14px; float:left; box-sizing:border-box; width:70% !important; } .privacy { color:#000; } .newsletter-content .form-list .submit-box { padding:10px 10px !important; margin:0px; font-size:14px; color:#000 !important; float:left; box-sizing:border-box; border:none !important; width:27% !important; background-color:#c8c6c6 !important } .form-list{ width:100%; display:table; } .newsletter-content .form-list label { font-size:15px; font-weight:400; color:#252525; padding:10px; } .newsletter-content .form-list label a { font-size:15px; font-weight:400; color:#FE4F07 !important; text-decoration:underline !important; } .review-2nd .review-list-content{ background-color:#fff; } .review-2nd .review-list-content .review-count { width:20%; } .review-2nd .review-list-content .review-progress { width:30%; } .review-2nd .review-list-content .review-percentage { width:25%; } .review-2nd .review-list-content .review-rate { width:25%; float:left; padding:25px 10px; } .review-2nd .review-list-content .review-rate h5{ text-align:center; padding:0px 0px 10px 0px; margin:0px; font-size:36px; font-weight:500; color:#252525; } .review-2nd .review-list-content .review-rate ul{ display:table; padding:0px; margin:auto; } .review-2nd .review-list-content .review-rate ul li{ list-style:none; float:left; padding:0px 5px; margin:auto; } .review-2nd .review-list-content .review-rate ul li i{ color:#FE4F07; padding:0px 0px; margin:auto; font-size:22px; } .review-comment-section{ padding:0px; margin:0px; } .review-comment-section h4{ padding:8px 10px; margin:0px; font-size:24px; font-weight:600; background-color:#3a3a3a; color:#fff; } .review-comments{ padding:0px; margin:0px; } .review-comments li{ padding:15px 10px; margin:0px; list-style:none; border-top:1px solid #ccc; width:100%; } .review-comments li .comments-star{ padding:0px 0px 10px 0px; margin:0px; display:table; width:100%; } .review-comments li .comments-star .dstars{ padding:0px; margin:0px; width:auto; float:left; } .review-comments li .comments-star .dstars i{ display:inline-block; color:#FE4F07; font-size:16px; } .review-comments li .comments-star a{ float:right; display:inline-block; color:#FE4F07; font-size:14px; } .review-comments li .comments-star a i{ color:#252525; padding:0px 5px 0px 0px } .review-comments li span{ display:block; font-size:13px; color:#909090; padding:0px; margin:0px; } .review-comments li p{ font-size:14px; line-height:24px; padding:5px 0px; margin:0px; color:#252525; } @media (min-width:280px) and (max-width:399px) { .review-list-content .review-count{ width:35%; } .review-progress{ width:65%; } .review-percentage{ width:100%; } .newsletter-content .form-list .email-box{ width:67% !important } .newsletter-content .form-list input[type="submit"] { width:25%; } .newsletter-content .form-list label, .newsletter-content .form-list label a { font-size:12px } } @media (min-width:280px) and (max-width:767px) { .review-2nd .review-list-content .review-count { width:35%; padding:16px; } .review-2nd .review-list-content .review-progress { width:65%; } .review-2nd .review-list-content .review-percentage { width:50%; } .review-2nd .review-list-content .review-rate { width:50%; } .news-letter{ border:none !important } } @media (min-width:768px) and (max-width:1023px) { .news-letter{ border:none !important } } @media (min-width:1024px) and (max-width:1199px) { .newsletter-content .form-list .email-box { width:69% !important } .review-percentage{ width:100% } .review-list-content .review-count{ width:30% } .review-progress{width:70%} }